<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp" %>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<title><spring:message code="base.authoriza.user.Personalinformation" /></title>
	<link href="${el:getWebRootPath()}/base/main/css/personal.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js"></script>
</head>

<body class="" style="margin: 0;padding: 0;overflow:auto; height:98%;">
<div class="modifyTitle">
     <h1 style="display:none;"><spring:message code="base.authoriza.user.information" /><spring:message code="base.authoriza.user.Modify" /></h1>
     <div class="modifyInfo">
	      <div class="modfiyLeft">
	           <ul>
	             <form id="formAdd" style="padding-right:0px;">
		              <li><img class="userIcon" src="${el:getWebRootPath()}/resource/images/user_icon_01.png" width="86" height="86" /></li>
		              <li><span><spring:message code="base.authoriza.user.Name" />：</span><span id="getuserName"></span></li>
		              <li><span><spring:message code="base.authoriza.user.Mobilenumber" />：</span><span id="getmobile"></span></li>
		              <li><span><spring:message code="base.authoriza.user.Peremail" />：</span><span id="getuseremail"></span></li>
	             </form>
	           </ul>
	      </div>
	      <div class="modfiyRight">
	           <div class="modfiyDtetl">
	                <div id="ListInfo">
		                <h2><span><spring:message code="base.authoriza.user.Fundamentaltools" /></span></h2>
		                <ul class="infoList">
		                     <li><span><spring:message code="base.authoriza.user.logpassword" /></span><span><spring:message code="base.authoriza.user.safepassword" /></span><span><a id="modifyCode"><spring:message code="base.authoriza.user.modify" /></a></span></li>
		                     <li><span><spring:message code="base.authoriza.user.Info" /></span><span><spring:message code="base.authoriza.user.Personalinformation" /><spring:message code="base.authoriza.user.changemailbox" /></span><span><a id="modifyperInfo"><spring:message code="base.authoriza.user.modify" /></a></span></li>
		                </ul>
	                </div>
	                <div class="modifyPassword" style="display:none;">
	                     <form id="userupdpassword">
								<table cellpadding="15" style="width:100%;">
									<tbody>
										<tr>
											<td class="tdkey">
												<spring:message code="base.authoriza.user.login" /><spring:message code="base.authoriza.user.account" />:
											</td>
											<td class='tdvalue'>
												<input type="hidden" id="userId" name="userId"/>
												<input type="hidden" id="deptId" name="deptId"/>
												<input class=" easyui-textbox" type="text" id="userCode" name="userCode" readonly="readonly" />
											</td>
										</tr>
										<tr>
											<td class="tdkey">
												<span>*</span><spring:message code="base.authoriza.user.original" /><spring:message code="base.authoriza.user.password" />:
											</td>
											<td class='tdvalue'>
												<input class=" easyui-textbox" type="password" id="oldPassword" name="oldPassword" data-options="prompt:'',validType:'null',required:true,validType:'oldpassword'"/>
											</td>
										</tr>
										<tr>
											<td class="tdkey">
												<span>*</span><spring:message code="base.authoriza.user.modify" /><spring:message code="base.authoriza.user.password" />:
											</td>
											<td class='tdvalue'>
												<input class=" easyui-textbox" type="password" id="password" name="password" data-options="prompt:'',validType:'length[6,20]',required:true"/>
											</td>
										</tr>
										<tr>
											<td class="tdkey">
												<span>*</span><spring:message code="base.authoriza.user.confirmagain" />:
											</td>
											<td class='tdvalue'>
												<input class=" easyui-textbox" type="password" id="repassword" name="repassword"  validType="equalTo['#password']"  data-options="prompt:'',required:true"/>
											</td>
										</tr>
									</tbody>
							</table>
						</form>
						 <div class="bottom-btn">
				              <a class="btn-save" id="btn-save"><spring:message code="base.authoriza.user.save" /></a>
				              <a class="rtn-back"><spring:message code="base.authoriza.user.return" /></a>
					     </div>	
	                </div>
	                <div class="modifyPerInfo" style="display:none;">
	                     <form id="userupdInfo">
							<div>
							<input type='hidden'  name="userId"/>
			                <input type="hidden"  name="deptId"/>
								<table cellpadding="10" style="width:100%;">
									<tbody>
										<tr>
											<td class="tdkey">
												<span>*</span><spring:message code="base.authoriza.user.name" />:
											</td>
											<td class='tdvalue'>
												<input class="easyui-textbox" type="text" id="userName" name="userName" data-options="prompt:'',required:true"/>
											</td>
										</tr>
										<tr>
											<td class="tdkey ">
												<span>*</span><spring:message code="base.authoriza.user.gender" />:
											</td>
											<td class='tdvalue'>
									            <input type="text" name="sex" id="sex" style="color: #999;"/>
											</td>
										</tr>
										<tr>
											<td class="tdkey ">
												<spring:message code="base.authoriza.user.birthday" />:
											</td>
											<td class='tdvalue'>
									            <input class="easyui-datebox" name="birthday" data-options="prompt:'<spring:message code="base.authoriza.user.Pleaseselect" /><spring:message code="base.authoriza.user.birthday" />',validType:'date'"/>
											</td>
										</tr>
										<tr>
											<td class="tdkey">
												<spring:message code="base.authoriza.user.Mobilenumber" />:
											</td>
											<td class='tdvalue'>
												<input class="easyui-textbox" readonly="readonly" style="color: #999;" type="text" id="mobile" name="mobile" />
											</td>
										</tr>
										<tr>
											<td class="tdkey">
												<spring:message code="base.authoriza.user.Idcard" />:
											</td>
											<td class='tdvalue grid'>
												<input class="easyui-textbox" readonly="readonly" style="color: #999;" type="text" id="cardNo" name="cardNo" />
											</td>
										</tr>
										<tr>
											<td class="tdkey">
												<span>*</span><spring:message code="base.authoriza.user.Personalinformation" /><spring:message code="base.authoriza.user.email" />:
											</td>
											<td class='tdvalue'>
												<input class="easyui-textbox" type="text" id="email" name="email" data-options="prompt:'',required:true,validType:'email'"/>
											</td>
										</tr>
										<tr style="display:none">
											<td class="tdkey">
												<span>*</span><spring:message code="base.authoriza.user.Personalinformation" /><spring:message code="base.authoriza.user.Headportrait" />:
											</td>
											<td class='tdvalue'>
												<div>
												<img id="userIcon" src="${el:getWebRootPath()}/resource/images/user_icon.png"/>
												<input type="hidden" id="userImg" name="userImg" />
											</div>
											</td>
										</tr>
										<tr>
											<td class="tdkey">
												<span>*</span><spring:message code="base.authoriza.user.detailed" /><spring:message code="base.authoriza.user.address" />:
											</td>
											<td class='tdvalue'>
												<input class="easyui-textbox" type="text" id="address" name="address" data-options="prompt:'',validType:'null',required:true,validType:'userCode'"/>
											</td>
										</tr>
									</tbody>
							</table>
							</div>
					   </form>
					   <div class="bottom-btn">
				              <a id="btn-save-info" class="btn-save"><spring:message code="base.authoriza.user.save" /></a>
				              <a id="rtn-back1" class="rtn-back"><spring:message code="base.authoriza.user.return" /></a>
					     </div>
	                </div>
	           </div>
	     </div>
     </div>
</div>
	<script type="text/javascript">
	seajs.use(["base/main/js/modifInfo.js"],function(app){
		app.init();
	});
	</script>
</body>
</html>
